body {
	font: 13px Arial,Tahoma,Helvetica,FreeSans,sans-serif;
	margin:0;
	padding:0;
	background-image: url("../images/fond.gif");
	margin: auto;
	text-align: left;
}
img {
	border:0 none;
}
p{
	text-align:left;
}
a:link, a:visited
{
  color: #0053A5;
  text-decoration:none;
}
a:hover, a:focus
{
  color: #1C94DA;
  text-decoration:underline;
}
h2
{
	font-size:16px;
	color:#5C7389;
	background-color:#FFFFFF;
}
h3
{
  color: #426DA5;
  height: 1em;
}
h4
{
  color: #426DA5;
  height: 0.5em;
}
.accessibility {
display:none;
}
/* banner */
#banner {
  font: 13px Arial,Tahoma,Helvetica,FreeSans,sans-serif;
	background: url("../images/bg_banner.png") repeat-x scroll left top transparent;
	color: #FFFFFF;
	text-align: left;
	height: 32px;
	width: 100%;
}
#banner ul {
	list-style-type: none;
	margin: 0;
	padding-left: 10px;
	padding-top: 5px;
}
#banner li {display: inline;}
#banner img {vertical-align: middle;}
#banner a, #banner a:hover {
	color: #FFFFFF;
	text-decoration:none;
}
#banner #bannerTitle{
	font-weight:bold;
}
#banner li.bannerDeco:before{
	content:">>>";
	padding:1em;
}
#banner #publications_banner {
	display: inline;
}
#banner #acces_publication_banner {
	font-size: 12px;
	background: url("../images/banner_select.png") no-repeat scroll left top transparent;
	border: 0 none;
	color: #999999;
	height: 18px;
	padding-left: 3px;
	width: 240px;
}
/* ------------------ */
/* entete applicatif  */
/* ------------------ */

/*
#wrapper {
width: 98%;
margin: 0 auto;
/*background-color:#f2f3f3;*/
background-image: url(/images/bodyright6.gif);
background-repeat: repeat-y;
background-position: right top;
padding-right:10px;
padding-left:10px;
overflow:hidden;
}
#subwrapper{
	/*background-color: #fff;*/
	/*background-image: url(/images/bodyleft6.gif);
	background-repeat:repeat-y;*/

}
*/
#top {
border-bottom:1px solid;
margin:0;
padding:0;
white-space:nowrap;
}
#titre {
float:left;
padding:15px 0pt 0pt 10px;
}

ul#liens-top {
text-align:right;
margin:0;
padding:0;
white-space:nowrap;

}
ul#liens-top li {
display:inline;
margin:0pt;
padding:0 0.7em 0.1em 0.9em;
}
#liens-top a:link, #liens-top a:visited, #liens-top a:hover, #liens-top a:focus {
font-size:0.7em;
color:#426DA5;
padding:0pt;
text-decoration:none;
}
ul#liens-top-left {
margin:0;
padding:0;
white-space:nowrap;

}
ul#liens-top-left li {
display:inline;
margin:0pt;
padding:0 0.7em 0.1em 0.9em;
}
#liens-top-left a:link, #liens-top-left a:visited, #liens-top-left a:hover, #liens-top-left a:focus {
font-size:2em;
color:#426DA5;
background-color:#FFFFFF;
padding:0pt;
text-decoration:none;
}


div#bandeau{
}
p#soustitre {
margin:0;
padding:15px 10px 0 0;
font-weight:bold;
font-size:13px;
text-align:right;
/**/background-color:transparent;
color:#426DA5;
}
#espace{
	height:14px;
	font-size:13px;
  /*color: #0053a5;*/
  color: #333333;
}
#header {
}
#accueil{
	float:left;
	color:#FFFFFF;
	background-color:#426DA5;
	padding-left:75px;
	background-image: url(/images/accueil.gif);
	background-repeat: repeat-y;
	background-position: 13px center;
	padding-right:8px;
	border-right: 8px solid #FFCCCC
}
/* Ancien menu */
#menu {
background-color:#426DA5;
color:#FFFFFF;
}
ul#menu {
list-style-type:none;
margin:0;
border-width:0;
}
#menu li{
display:inline;
margin:0;
padding: 0;
line-height:15px;
border-width:0;
}

ul#menu li:first-child{
border-left:1px solid #FFFFFF;
}
#menu li a:link,#menu li a:visited, #accueil a:link, #accueil a:visited {
line-height:17px;
/**/
border-left:0;
border-top:0;
border-bottom:0;
/**/
color:#FFFFFF;
/**/background-color:#426DA5;
text-decoration:none;
vertical-align: top;
}
#menu li a:link,#menu li a:visited{
padding: 0px 25px 0 15px;
border-right:1px solid #FFFFFF;
}
#menu li a:hover,
#menu li a:focus,
#accueil a:hover,
#accueil a:focus{
background-color:#FFFFFF;
color:#426DA5;
text-decoration:none;

}
#menu li a:hover,
#menu li a:focus{
padding:  0px 25px 0 15px;
}
#menu li a.active{
background-color:#FFFFFF;
color:#426DA5;
font-size:0.8em;
text-decoration:none;
padding:  1px 25px 1px 15px;
border-top:1px solid #426DA5;
border-bottom:0 solid #FFF;

}

 /***************************************************************************************/
/* menu horizontal par onglets pour les services revues , bases, plateformes et favoris */
/****************************************************************************************/

#services{
		margin:0px;
		list-style-type: none;

		border-bottom: 1px solid #5a8aa5;
		padding-top:20px;
		padding-right:0;
		padding-bottom: 4px;  /*identique A padding */
		padding-left:240px;/*en relation avec la largeur conteneur pour deplacer les services au dessus du contenu*/
		text-align:left;

		/*background-image:url(/images/arrplanservices.gif);*/
		background-position:left;
		background-repeat:no-repeat;/**/
		font-variant:small-caps;


		}
#services li {
        display: inline;


}
#services li a {
        padding: 4px; /* identique UL padding */
        margin-left: 0;
        margin-right: 4px;
		border-top: 1px solid #5a8aa5;
		border-left: 1px solid #5a8aa5;
		border-right: 1px solid #5a8aa5;
		background-color: #e7ebef;
		color:#666666;
		text-decoration: none;
		}
#services li a:hover,
#services li a:focus {
        background-color: /*#ffffff*/#8599ad;
		border-bottom: 3px solid /*#ffffff*/#ffdf00;
		color:#ffffff;
		text-decoration: none;

}
#services  li a.selected,
#services  li a.selected:hover {

        background-color: /*#ffffff*/#8599ad;
        border-bottom: 3px solid /*#ffffff*/#ffdf00;
        border-top: 1px solid #5a8aa5;
        border-left: 1px solid #5a8aa5;
        border-right: 1px solid #5a8aa5;
		color:#ffffff;
        text-decoration: none;
}

div#auth_out {
background-color:#FDDEB5;
border:1px solid #D88007;
font-style:italic;
text-align:center;
width:198px;
}

/**********************************/
/*       page accueil             */
/*********************************/
#contenu{
	padding:0 1em;
  background-color: white;
	border-top:1px solid #0053a5;
	border-bottom:1px solid #0053a5;
}
/**********************************/
/*       Formulaire contact      */
/*********************************/
.inputbox {
    background: url("../images/content_bg.gif") repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
}
.formelm {
    margin: 5px;
}
.formelm label {
	display: inline-block;
	vertical-align: top;
	width: 5em;
}
.mailto-close a {
    background: url("../images/close.png") no-repeat scroll 0 0 #F5F5F5 !important;
    display: block;
    min-height: 25px;
    min-width: 25px;
    overflow: visible;
}

#mailto-window {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #DDDDDD;
    padding: 15px;
    position: relative;
}
#mailto-window label {
    width: 10em;
}
.mailto-close {
    background: none repeat scroll 0 0 transparent;
    position: absolute;
    right: 2em;
    top: 7em;
}
.mailto-close a {
    background: url("../images/close.png") no-repeat scroll 0 0 !important;
    display: block;
    min-height: 25px;
    min-width: 25px;
    overflow: visible;
}
.mailto-close a span {
    display: inline;
    left: -3000px;
    position: absolute;
    top: -3000px;
}
#mailto-window p {
    margin-top: 20px;
}
#mailto-window button {
    margin: 0 5px 0 0;
}

table h2, #favoris h2, #revuesmenu h2{
background-repeat:repeat-x;
font-variant:small-caps;
text-align:center;
font-weight:normal;
font-size:12px;
margin:0 -10px;
}
#favoris h2{
}
#revuesmenu h2{
}
div#gauche{
		float:left;
		width:35%;
}
div#centre{
		float:left;
		width:100%;
}
div#droite{
		float:right;
		width:35%;
}
.arrplan{
		background-color:/*#ffffff;*/#f2f3f3;
		color: #333333;
		padding:5px;
		margin-bottom:16px;
		border:1px solid #3076B9;
		-moz-border-radius-topright: 2em;
		-moz-border-radius-topleft: 4px;

}
#arrplanformat{
		position:absolute;
		top:100px;
		right:40%;
		bottom:auto;
		left:40%;
		/*padding:5px;*/
}
#arrplanfav{
		position:absolute;
		top:180px;
		right:40%;
		bottom:auto;
		left:40%;
		/*padding:5px;*/
}
#arrplanqual{
		position:absolute;
		top:310px;
		right:40%;
		bottom:auto;
		left:40%;
		/*padding:5px;*/
}
#arrplanqualLibre{
		position:absolute;
		top:400px;
		right:40%;
		bottom:auto;
		left:40%;
		/*padding:5px;*/
}
#arrplanqualPayant{
		position:absolute;
		top:500px;
		right:40%;
		bottom:auto;
		left:40%;
		/*padding:5px;*/
}
#arrplanselect{
		position:absolute;
		top:20%;
		right:40%;
		bottom:auto;
		left:40%;
		/*padding:5px;*/
}
div#revues, div.bases, div#monos, div#plateformes, div .filtre{
		/*background-color:#e7ebef;*/
		background-color:#ffffff;
		color: #333333;
		padding:0 10px;
		border:1px solid #426da5;
}
div#noticesAffiche{
		background-color:#ffffff;
		color: #333333;
		padding:0 10px;
}
.favoris{
		background-color:#ffffff;
		color: #333333;
		padding-top:10px;
}
#revuesmenu{
		background-color:#ffffff;
		color: #333333;
		padding:0 10px;
		border:1px solid #426da5;
}
.agauche{
		text-align:left;
		float:left;
}
.adroite{
		text-align:right;
}


/*********************************/
/**** partie gauche *****/
/*********************************/
#deconnect{
	width:200px;
	background-color:#e7ebef;
	color:#000000;
	text-align:center;
}
#conteneur{
	background-color:#e7ebef;
	color:#000000;
	float:left;
	padding:20px;
	width:160px;

}
#fonctions, #tags, #organiser{
	background-color: #ffffff;
	color:#000000;
	border:1px solid #999999;
}
#fonctions h2,#tags h2, #organiser h2{
	margin:0;
	padding-left:15px;
	font-size:13px;
	border-bottom:1px solid #999999;
}
#tags p{
		padding-left:5px;
		padding-right:5px;
}

#fonctions ul, #tags ul, #organiser ul{
	padding:0;
	margin:0;
	list-style:none;

}
#fonctions li, #tags li, #organiser li{
	padding:5px;
}

#fonctions a, #tags a, #organiser a  {
	padding-left:15px;
	color:#999999;
	 background-color:#FFFFFF;
	text-decoration:none;
}

#fonctions a:hover, #organiser a:hover, #organiser a:active,  #tags li a:hover, #tags li a:active{
	background: url(/images/carre.gif) center left no-repeat ;
	color:#666666;
	background-color:#ffffff;
}

.inactive{
	color:#CCCCCC;
	background-color:#FFFFFF;
}
#tags{
	/**//*background-color: #ffffff;*/
	margin-top:30px;
}

#tags h2{
	margin:0;
	padding-left:15px;
	font-size:13px;
	border-bottom:1px solid #999999;
}
/*********************************/
/*         milieu      /
/*********************************/
/* editorial */
#contenuArt{
	width:500px;
	margin:0 auto;
}

/*fonctionnel*/
#contenu table{
}

h1#titrepage{
	text-align:left;
	color:#8599ad;
	/**/background-color:#FFFFFF;
	font-size:16px;
	margin-top:25px;
}
#contenu h2{
}
.titrefav{
	font-weight:bold;
}
.descriptionfav{

}
.tagfav{
	background-color:#fffad5;
	color:#000000;
	display:inline;
}
.actions{
float:right;
color:#666666;
/**/background-color:#FFFFFF;
}
.actions a {
	color:#999999;
	text-decoration:none;
	/**/background-color:#FFFFFF;
}
.actions a:hover {
	color:#666666;
	/**/background-color:#FFFFFF;
}
/***************************************/
/* style pour formulaire editer  *****/
/***************************************/
fieldset{
	margin:10px;
}

fieldset p{
	margin:5px;
	padding:5px;
}

fieldset label {
	float: left;
	width: 30%;
	text-align: left;
}

fieldset input, fieldset select{
	width:60%;
}

#boutons{
	text-align:center;
	margin-top:0.5em;
}


/***************************************/
/*             pied                    */
/***************************************/
/* footer */
#footer{
	color: #635D5F;
	font-size:12px;
	text-align:center;
	margin: 0 0 3em;
	padding:0.5em;
	background-color:#E0E0E0;
	background: url("../images/bg_footer.png") repeat scroll 0 0 transparent;*/
}
#footer a{
	text-decoration:none;
	color: #635D5F;
}
#footer table{
	text-align:left;
	margin-top:1em;
	margin-left:10em;
}
#footer table td{
	vertical-align:top;
	padding-right:3em;
}
#footer table td h4{
	margin-top:0;
	color:#635D5F;
}
#footer table td ul{
	padding:0;
	list-style:none;
}

table.inline th {
	background-color:#DEE7EC;
	border:1px solid #8CACBB;
	padding:3px;
	font-size:1.1em;
}
table.inline td {
	/*border:1px solid #8CACBB;*/
	padding:0.5em;
}
.leftalign {
	text-align:left;
}
table.inline {
	border-collapse:collapse;
	border-spacing:0;
}
span.highlight {
	background-color:yellow;
}
a.listABselected{
  background-image: url(../images/coin-droit-bleu.png);
  background-position: 0px -5px;
  background-repeat: no-repeat;
  color: #333333;
	padding:0.3em;
	border:1px solid #cecece;
}
.searchResults{
	padding-bottom:1em;
	padding-left:1em;
}
.nabioForm{
	padding-bottom:1em;
}
#lForm{
	padding:1em;
	border:1px solid #D88007;
	margin-bottom: 1em;
	display:inline;
}
.column-left {
	vertical-align:top;
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	font-size: 1.1em;
	border-radius: 0.5em;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
	padding: 1em;
	vertical-align: top;
	width: 38em;
	margin-right:1em;
	margin-bottom:2em;
}
.contribution {
	border:1px solid #DDDDDD;
	padding:3px;
	border-radius:0.5em;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
}
.contact {
	border:1px solid #DDDDDD;
	padding:3px;
	border-radius:0.5em;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
	background-color: #EEEEEE;
	padding:0.5em;;
	width:85em;
	height:100%;
}
.contactFloat{
	float:left;
	padding:1em;
}
div#abList {
	margin-top:3em;
	margin-bottom:2em;
}
div#abList span {
	display:inline;
	border:1px solid #508cdb;
	padding:1em;
	border-radius:4px;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
}
table#aForm{
	border:1px solid #DDDDDD;
	padding:10px;
	border-radius:0.5em;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
}
table#aForm td{
	padding:3px;
}
table#results{
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
  vertical-align:top;
	padding:0.4em;
}
#contentResume{
	text-align:left;
	margin:1em 1em 0 1em;
}
.resultNumber{
	color:#0053A5;
	font-weight:bold;
}
.center{
	text-align:center;
}
/**********************************/
/*       menu nouveau             */
/**********************************/

#en-tete {
  overflow: hidden;
  /*background-color: #dae0d2;*/
  /*background-image: url(../images/fond.png);*/
  background-position: bottom;
  background-repeat: repeat-x;
  padding-left:3em;
}
#en-tete ul {
  margin-top: 16px;
  margin-right: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
  list-style: none;
}
#en-tete ul li {
  float: left;
  margin-left: 3px;
}
#en-tete ul li a {
  float: left;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 10px;
  background-image: url(../images/coin-gauche-bleu.png);
  background-position: 0% -250px;
  background-repeat: no-repeat;
}
#en-tete ul li#actif {
  float: left;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 10px;
  background-image: url(../images/coin-gauche-bleu.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
}
#en-tete ul li a span {
  float: left;
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 0px;
  background-image: url(../images/coin-droit-bleu.png);
  background-position: 100% -250px;
  background-repeat: no-repeat;
  color: #ffffff;
}
#en-tete ul li#actif span {
  float: left;
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 0px;
  background-image: url(../images/coin-droit-bleu.png);
  background-position: 100% 0%;
  background-repeat: no-repeat;
  color: #333333;
}
#en-tete ul li a:hover {
  background-position: 0% -500px;
}
#en-tete ul li a:focus {
  background-position: 0% -500px;
}
#en-tete ul li a:hover span {
  background-position: 100% -500px;
}
#en-tete ul li a:focus span {
  background-position: 100% -500px;
}
